<%@ page language="java" contentType="text/html;charset=UTF-8"%>

<!-- 用户组关联用户-->
<el-dialog :title="groupUserDiag.title"  :visible.sync="groupUserDiag.show" @close="onCloseGroupUserDiag" top="5%" :close-on-click-modal="false">
  <el-row>
	  <el-form :model="groupUserDiag.form" :inline="true"  onsubmit="return false;" >
	      <el-form-item>
	          <el-input v-model="groupUserDiag.userName" prefix-icon="search" auto-complete="off" placeholder="请输入用户名" >
	              <el-button slot="append" icon="search" @click="qryGroupRelUser">查询</el-button>
	          </el-input>
	      </el-form-item>
	  </el-form>
  </el-row>
  <el-row>
	  <el-table ref="groupUserDiagTable" row-key="id" :data="diagTableUserData"  border="true" stripe="true"  style="width: 100%" :height="300" 
		         highlight-current-row="true" @selection-change="groupUserDiagTableSelectChange">
	         <el-table-column type="selection" width="55"></el-table-column>
	         <el-table-column prop="user_name" label="用户名" min-width="100"></el-table-column>
	         <el-table-column prop="alias_name" label="别名" min-width="100"></el-table-column>
<!-- 	         <el-table-column prop="email" label="邮箱" min-width="150"></el-table-column> -->
<!-- 	         <el-table-column prop="phone" label="联系电话" min-width="150"></el-table-column> -->
	         <el-table-column prop="remark" label="备注" min-width="100"></el-table-column>
	  </el-table>
  </el-row>
  <el-row>
	 <el-pagination  @current-change="groupUserDiagHandleCurrentChange"
	    :current-page="groupUserDiag.currentPage" :page-size="groupUserDiag.pageSize" :total="groupUserDiag.totalCount" layout="total,prev, pager, next">
     </el-pagination>
  </el-row>
  <div slot="footer" class="dialog-footer">
    <el-button @click="groupUserDiag.show= false">取 消</el-button>
    <el-button type="primary" @click="saveGroupUser">确 定</el-button>
  </div>
</el-dialog>